<template>
  <div class="">
    <a-form :label-col="labelCol" :wrapper-col="wrapperCol">
      <!-- <a-form-item label="Activity name">
        <a-input v-model:value="formState.name" />
      </a-form-item> -->
      <a-form-item label="悬浮小球">
        <a-switch v-model:checked="setupStore.data.speedBallShow" />
      </a-form-item>
      <!-- <a-form-item label="Activity type">
        <a-checkbox-group v-model:value="formState.type">
          <a-checkbox value="1" name="type">Online</a-checkbox>
          <a-checkbox value="2" name="type">Promotion</a-checkbox>
          <a-checkbox value="3" name="type">Offline</a-checkbox>
        </a-checkbox-group>
      </a-form-item>
      <a-form-item label="Resources">
        <a-radio-group v-model:value="formState.resource">
          <a-radio value="1">Sponsor</a-radio>
          <a-radio value="2">Venue</a-radio>
        </a-radio-group>
      </a-form-item>
      <a-form-item label="Activity form">
        <a-textarea v-model:value="formState.desc" />
      </a-form-item>
      <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
        <a-button type="primary" @click="onSubmit">Create</a-button>
        <a-button style="margin-left: 10px">Cancel</a-button>
      </a-form-item> -->
    </a-form>
  </div>
</template>

<script setup lang="ts">
import { reactive, toRaw, watch } from "vue";
import type { UnwrapRef } from "vue";
import { useSetupStore } from "@/stores/setup";
const setupStore = useSetupStore();

watch(
  () => setupStore.data.speedBallShow,
  (val) => {
    window.ipcRenderer.invoke("toggleSpeedBall", val);
  },
);
const onSubmit = () => {};
const labelCol = { style: { width: "150px" } };
const wrapperCol = { span: 14 };
</script>

<style></style>
